	body,
	html {
		height: 100%;
	}
	body {
		margin: 0;
		background-color: #f4f4f4;
	}
	.top {
		height: 40px;
		width: 100%;
		background-color: #f4f4f4;
		font-size: 14px;
		color: gray;
	}
	
	.top>.center {
		width: 1200px;
		margin: 0 auto;
	}
	
	.top>.center>.top_left {
		width: 400px;
		height: 40px;
	}
	
	.top>.center>.top_right {
		width: 790px;
		height: 40px;
		text-align: right;
	}
	
	.top>.center>div {
		display: inline-block;
	}
	
	.top>.center>div>span {
		position: relative;
		top: -5px;
	}
	
	.block {
		display: inline-block;
		width: 100px;
		height: 25px;
		border: 1px solid #00b7d6;
		color: #00b7d6;
		background-color: white;
		text-align: center;
		position: relative;
		top: -5px;
		margin-left: 10px;
	}
	
	.block:nth-child(2) {
		width: 120px;
	}
	
	.block>span:nth-child(1) {
		height: 20px;
		position: relative;
		top: 2px;
	}
	
	.top_left>span:nth-child(2) {
		position: relative;
		top: 6px;
	}
	
	.topBtn {
		display: inline-block;
		background-image: url(../img/icon.png);
		width: 23px;
		height: 23px;
	}
	.qjt{
		display: inline-block;
		position: relative;
		top: -3px;
		
	}
	.xjt {
		background-position: 0px -110px;
	}
	
	.jt {
		background-position: 0px -28px;
	}
	
	.qqq {
		background-position: 0px -58px;
	}
	
	.zq {
		position: relative;
		top: 3px;
	}
	
	.qqlogin {
		background-position: 0px 0px;
	}
	
	.wx {
		background-position: 0px 169px;
	}
	
	.color_wx {
		color: #21a901;
		border: 1px solid #21a901;
	}
	
	.topBtn2 {
		display: inline-block;
		background-image: url(../img/public_v8.png);
		width: 40px;
		height: 13px;
	}
	
	.hd {
		background-position: -20px -238px;
		position: relative;
		top: -100px;
		left: 28px;
	}
	
	.vip {
		width: 20px;
		height: 13px;
		background-position: 0px -240px;
		position: relative;
		top: -95px;
		left: 44px;
	}
	
	.topBtn3 {
		display: inline-block;
		background-image: url(../img/tools.png);
		width: 35px;
		height: 35px;
		margin-top: 15px;
	}
	
	.kaifa {
		background-position: 0px 210px;
	}
	
	.ui {
		background-position: 0px 248px;
	}
	
	.tb {
		background-position: 0px 0px;
	}
	
	.ps {
		background-position: 0px -700px;
	}
	
	.wy {
		background-position: 0px 173px;
	}
	
	.tbb {
		background-position: 0px -815px;
	}
	
	.hc {
		background-position: 0px -850px;
	}
	
	.zx {
		background-position: 0px -886px;
	}
	
	.ds {
		background-position: 0px -1000px;
	}
	
	.dp {
		background-position: 0px 140px;
	}
	.save {
		display: inline-block;
		width: 25px;
		height: 25px;
		background-image: url(../img/icon.png);
		background-position: 9px 362px;
	}
	
	.download {
		display: inline-block;
		width: 25px;
		height: 25px;
		background-image: url(../img/icon.png);
		background-position: 9px 538px;
		position: relative;
		top: 3px;
	}
	
	.liul {
		display: inline-block;
		width: 25px;
		height: 25px;
		background-image: url(../img/icon.png);
		background-position: 9px -466px;
	}
	
	.zan {
		display: inline-block;
		width: 25px;
		height: 25px;
		background-image: url(../img/icon.png);
		background-position: 9px -282px;
	}
	
	.pingl {
		display: inline-block;
		width: 25px;
		height: 25px;
		background-image: url(../img/icon.png);
		background-position: 9px -311px;
	}
	
	.header {
		width: 100%;
		margin: 0 auto;
		background-color: white;
	}
	
	.nav {
		width: 1200px;
		margin: 0 auto;
		height: 90px;
		display: flex;
		justify-content: space-between;
	}
	.navv{
		width: 1200px;
		margin: 0 auto;
		height: 90px;
	}
	
	.img_logo {
		width: 500px;
		height: 90px;
	}
	
	.select {
		width: 880px;
		height: 90px;
		display: flex;
		justify-content: space-between;
	}
	
	.select>span {
		display: inline-block;
		width: 110px;
		line-height: 90px;
		font-size: 16px;
		text-align: center;
		/*font-weight: bolder;*/
	}
	a {
		text-decoration: none;
		color: gray;
	}
	
	a:hover {
		cursor: pointer;
	}
	
	.banner {
		width: 100%;
		height: 165px;
		opacity: 0.9;
		position: relative;
		margin-top: 2px;
	}
	
	.banner>img {
		width: 100%;
		height: 165px;
	}
	
	.banner_img {
		width: 1200px;
		margin: 0 auto;
		text-align: center;
	}
	
	.banner_img>img {
		width: 1200px;
		position: relative;
		border-top: 10px solid #f4f4f4;
		border-bottom: 10px solid #f4f4f4;
	}
	
	.banner>p {
		width: 100%;
		text-align: center;
		position: relative;
		top: -100px;
	}
	
	.banner>h1 {
		width: 100%;
		color: white;
		text-align: center;
		position: absolute;
		top: 5px;
	}
	
	input {
		font-size: 16px;
		border: none;
		outline: none;
	}
	
	input[type=text] {
		width: 590px;
		height: 40px;
		color: #c8c8c8;
		padding: 5px;
	}
	
	input[type=button] {
		width: 100px;
		height: 50px;
		color: white;
		background-color: #3ebb2b;
	}
	
	.banner>p>.search2 {
		background-color: #ff782f;
		border-radius: 3px;
	}
	
	.banner>p>.search1 {
		position: relative;
		left: -9px;
		top: 0px;
		border-radius: 3px;
	}
	
	.content {
		width: 1200px;
		margin: 0 auto;
		
	}
	
	.content>div {
		width: 1200px;
		margin: 0 auto;
		
	}
	
	.frame1 {
		height: 60px;
		display: flex;
		justify-content: space-between;
	}
	
	.frame1>div {
		width: 160px;
		text-align: center;
		line-height: 60px;
		font-size: 18px;
	}
	
	.section1 {
		background-color: #eed9bb;
		color: #9d8362;
	}
	
	.section2 {
		background-color: #eddbcc;
		color: #b77a4d;
	}
	
	.section3 {
		background-color: #b8d2fb;
		color: #6882ad;
	}
	
	.section4 {
		background-color: #eadfbf;
		color: #bfa14a;
	}
	
	.section5 {
		background-color: #b7e2ef;
		color: #69a6b9;
	}
	
	.section6 {
		background-color: #d6e7c0;
		color: #7b9473;
	}
	
	.section7 {
		background-color: #c1e7c0;
		color: #84af82;
	}
	
	.frame2 {
		width: 1200px;
		height: 350px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		color: gray;
		font-size: 14px;
	}
	
	.frame2>.left {
		margin: 10px auto;
		width: 760px;
		height: 330px;
		background-color: white;
		margin-right: 7px;
		position: relative;
	}
	
	.frame2>.right {
		margin: 10px auto;
		width: 430px;
		height: 330px;
		background-color: white;
	}
	
	.title {
		height: 70px;
		display: flex;
		justify-content: space-around;
		line-height: 70px;
		border-bottom: 2px solid #f4f4f4;
	}
	
	.title>span {
		display: block;
		text-align: center;
		width: 100px;
		font-size: 20px;
		color: #666;
	}
	
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0px;
		display: inline-block;
	}
	
	li {
		margin: 20px auto;
		color: #666;
	}
	
	.text>ul {
		margin: 0px 20px 0px 50px;
	}
	
	.content4>ul {
		margin: 0px 47px 0px 60px;
	}
	
	.right_title {
		height: 50px;
		display: flex;
		justify-content: space-between;
		line-height: 50px;
		font-size: 14px;
	}
	
	.right_title>span {
		display: block;
		width: 110px;
		border-right: 2px solid #f4f4f4;
		border-bottom: 2px solid #f4f4f4;
		text-align: center;
	}
	
	.right_title>span:nth-child(4) {
		border-right: none;
	}
	
	dt,
	dd {
		display: inline-block;
	}
	
	.detail1>dl:nth-child(1)>dt {
		margin: auto 173px auto 10px;
	}
	
	.detail1>dl:nth-child(2)>dt {
		margin: auto 110px auto 10px;
	}
	.detail1>dl:nth-child(1)>dd{
		margin-left: 50px;
	}
	.detail1>dl:nth-child(2)>dd{
		margin-left: 92px;
	}
	.detail1 {
		border-bottom: 10px solid #f4f4f4;
	}
	
	.detail2>dl {
		width: 400px;
		border-bottom: 2px dotted #f4f4f4;
		margin: 20px 0px 20px 10px;
		line-height: 35px;
	}
	
	.detail2>dl>dd {
		margin: auto 5px auto auto;
	}
	
	.detail2>dl:nth-child(3) {
		border-bottom: none;
	}
	
	.frame3 {
		width: 1200px;
		height: 85px;
		background-color: white;
		display: block;
		display: flex;
		justify-content:flex-start;
		color: #666;
	}
	
	.frame3>figure {
		width: 100px;
		height: 80px;
		/*display: block;*/
		font-size: 13px;
		margin: 0px;
		line-height: 20px;
		text-align: center;
		border-right: 1px solid #f4f4f4;
	}
	
	.frame3>figure:hover {
		/*border: 1px solid #99c800;*/
		box-shadow: 0 0 0 1px #99c800;
		cursor: pointer;
	}
	
	.frame3>figure>img {
		margin-top: 10px;
	}
	
	#last {
		display: inline-block;
		width: 90px;
		font-size: 14px;
		height: 80px;
		position: relative;
		top: 40px;
		left: 15px;
	}
	
	.unique_figure {
		border: none;
	}
	
	.frame4>.title {
		height: 85px;
		width: 100%;
		text-align: left;
		line-height: 85px;
	}
	
	.frame4>.title>p,
	.frame5>.title>p {
		width: 100%;
		margin: 0;
		text-align: left;
		font-size: 20px;
		color: #666;
	}
	
	.frame4>.pic>figure {
		display: inline-block;
		width: 227px;
		background-color: #f4f4f4;
		margin: 0;
		position: relative;
	}
	#img {
		position: absolute;
		top: -100px;
		height: 100%;
		width: 100%;
	}
	.pic{
		box-sizing: border-box;
	}
	.pic figure:hover {
		box-shadow: 0 0 1px 2px gray;
	}
	.img {
		display: none;
		width: 60px;
		height: 30px;
		background-color: green;
		color: white;
		text-align: center;
		line-height: 30px;
	}
	
	.frame4>.pic {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items:flex-end;
	}
	
	.frame4>.pic>figure>figcaption {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		background-color: white;
		text-align: center;
		color: #666;
	}
	
	.frame4>.pic>figure>img {
		width: 226px;
		height: 235px;
	}
	
	.frame5 {
		margin-top: 20px;
		height: 500px;
	}
	
	.frame4>.pic>figure>p,
	.frame5>.pic>figure>p {
		margin: 0;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-top: 1px solid #f4f4f4;
		color: #666;
		background-color: white;
		font-size: 14px;
	}
	
	.frame4>.pic>figure>p>span:nth-child(3) {
		padding-left: 5px;
	}
	
	.float>span {
		float: right;
		margin-right: 10px;
		font-size: 16px;
	}
	
	.float>span:nth-child(1) {
		color: white;
		background-color: #dcdcdc;
		display: inline-block;
		border-radius: 50%;
		font-size: 10px;
		width: 15px;
		height: 15px;
		line-height: 15px;
		text-align: center;
		position: relative;
		top: 35px;
	}
	
	.float>span>a {
		color: #666;
	}
	
	.float>span:last-of-type>a,
	.float>span>a:hover {
		color: #ff6c48;
	}
	
	.frame5>.pic {
		display: flex;
		justify-content: space-between;
	}
	
	.frame5>.pic>figure {
		width: 220px;
		background-color: white;
		margin: 0px;
		text-align: center;
		color: #8e8e8e;
	}
	
	.frame5>.pic>figure>figcaption {
		text-align: left;
		margin: 6px auto auto 10px;
	}
	
	.frame5>.pic>figure>p {
		background-color: #fafafa;
		margin-top: 10px;
	}
	
	.frame5>.title>p,
	.frame5>.title {
		height: 85px;
		line-height: 85px;
	}
	
	.frame5>.pic>figure {
		height: 388px;
		box-shadow: 1px 1px 2px lightgray;
	}
	
	.frame5>.pic>figure>img {
		width: 204px;
		height: 280px;
		border-top: 10px solid white;
	}
	
	.frame5>.pic>figure:nth-child(2) {
		height: 308px;
	}
	
	.frame5>.pic>figure:nth-child(2)>img {
		height: 200px;
	}
	
	.frame5>.pic>figure:nth-child(5)>img {
		height: 262px;
	}
	
	.margin-top {
		margin-top: 20px;
	}
	
	.icons {
		display: block;
		width: 227px;
		height: 235px;
		background-repeat: no-repeat;
		background-size: 227px 710px;
	}
	
	.icons1 {
		background-image: url(../img/yc-show_01.jpg);
	}
	
	.r1c1 {
		background-position: 0 0;
	}
	
	.icons2 {
		background-image: url(../img/yc-show_02.jpg);
	}
	
	.icons3 {
		background-image: url(../img/yc-show_03.jpg);
	}
	
	.icons4 {
		background-image: url(../img/yc-show_04.jpg);
	}
	
	.icons5 {
		background-image: url(../img/yc-show_05.jpg);
	}
	
	.icons6 {
		background-image: url(../img/yc-show_06.jpg);
	}
	
	.icons7 {
		background-image: url(../img/yc-show_07.jpg);
	}
	
	.icons8 {
		background-image: url(../img/yc-show_08.jpg);
	}
	
	.icons9 {
		background-image: url(../img/yc-show_09.jpg);
	}
	
	.icons10 {
		background-image: url(../img/yc-show_10.jpg);
	}
	
	.icons11 {
		background-image: url(../img/hb-show_01.jpg);
	}
	
	.icons12 {
		background-image: url(../img/hb-show_02.jpg);
	}
	
	.icons13 {
		background-image: url(../img/hb-show_03.jpg);
	}
	
	.icons14 {
		background-image: url(../img/hb-show_04.jpg);
	}
	
	.icons15 {
		background-image: url(../img/hb-show_05.jpg);
	}
	
	.width {
		height: 760px;
	}
	
	.width>.pic>figure {
		width: 384px;
		height: 330px;
	}
	
	.width>.pic>figure>img {
		width: 384px;
		height: 240px;
	}
	
	.rewidth>.pic>figure {
		width: 285px;
		height: 260px;
	}
	
	.rewidth>.pic>figure>img {
		width: 285px;
		height: 213px;
	}
	#content{
		font-weight: bold;
	}
	.content>p {
		margin: 30px auto 10px auto;
		padding-bottom: 15px;
		border-bottom: 1px solid lightgray;
	}
	
	.content>p>span {
		margin-right: 15px;
	}
	
	.content>p>span>a,
	.content>.link>span>a,
	ul>li>a {
		color: gray;
	}
	
	ul>li>a:hover {
		color: #ff1b1c;
	}
	
	.content>.frame2>.left>.title>span>a,
	.header>.nav>.select>span>a {
		text-decoration: none;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.right_title>span:nth-child(1)>a {
		color: #40bb2b;
	}
	

	.header>.nav>.select>span:nth-child(2)>a {
		color: #ff6d00;
		border-bottom: 2px solid #ff6d00;
	}
	
	.header>.nav>.select>span>a:hover {
		color: #ff6d00;
		border-bottom: 2px solid #ff6d00;
	}
	
	.li_active {
		color: #ff1b1c;
	}
	
	.content>p>span>a:hover,
	.content>.link>span>a:hover,
	{
		color: #333;
	}
	
	.link {
		height: 180px;
	}
	
	.link>span {
		display: inline-block;
		margin: 10px 10px auto auto;
	}
	
	.footer {
		height: 120px;
		width: 100%;
		background-color: #212425;
		color: white;
		font-size: 14px;
	}
	
	.footer>div {
		width: 1200px;
		height: 120px;
		margin: 0 auto;
	}
	
	.footer>div>span {
		margin: -15px auto 15px auto;
		display: inline-block;
	}
	
	.footer>div>p {
		margin: 0;
		color: gray;
	}
	
	.footer>div>p>span {
		color: #3cb429;
	}
	
	.blue {
		width: 120px;
		height: 30px;
		background-image: url(../img/public_v8.png);
		background-position: 0px -400px;
		position: relative;
		top: 25px;
	}
	
	.span_img {
		width: 140px;
		height: 49px;
		background-image: url(../img/public_v8.png);
		background-position: 0px -312px;
		position: relative;
		top: 25px;
		left: 240px;
	}
	
	.small_icon {
		display: inline-block;
		width: 20px;
		height: 25px;
		background-image: url(../img/public_v8.png);
		background-position: -265px 25px;
	}
	
	.gray {
		color: gray;
	}
	
	#qt>figure {
		height: 320px;
	}
	
	#qt>figure>div {
		height: 235px;
		width: 226px;
		overflow: hidden;
	}
	
	.content>.frame2>.left>{
		position:relative;
	}
	
	.content2,
	.content3,
	.content4 {
		display: none;
		position: absolute;
		background-color: white;
		top: 80px;
		left: 0;
	}
	.unique_y {
		bottom: 260px;
	}
	#header{
		position: absolute;
		top:0;
		display: none;
		z-index: 9999;
		background-color: white;
	}
	#header>.nav>p>input[type=text] {
		border: 2px solid #3ebb2b;
		position: relative;
		left: 12px;
		height: 36px;
		
	}
	#header>.nav>p>.search1{
		position: relative;
		top: 0px;
		border-radius: 3px;
	}
	#header>.nav>p>.search2{
		background:  #ff782f;
		border-radius: 3px;
	}
	.active{
		color: #ff782f;
		border-bottom: 2px solid #ff782f;
	}

	
